﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	    <title>译库</title>

	    <link rel="stylesheet" type="text/css" href="css/xipagepiling.css" />

		<script src="js/jquery.min.js"></script>
		
	    <!--[if IE]>
		    <script type="text/javascript">
			     var console = { log: function() {} };
		    </script>
	    <![endif]-->
        
        <style>
            body { margin: 0px; padding: 0px; }
            /* 两处隐藏：顶部的页面导航和右侧的页面导航  */
        	.menubox { display: none; }
        	#pp-nav { display: none; }
        </style>

    </head>
    <body id="main">
	    <div class="menubox">
		    <ul id="menu">
			    <li data-menuanchor="page1" class="active"><a href="#page1">Page 1</a></li>
			    <li data-menuanchor="page2"><a href="#page2">Page 2</a></li>
			    <li data-menuanchor="page3"><a href="#page3">Page 3</a></li>
		        </ul>
	    </div>

		<div id="pagepiling">
		    <div class="xic_box">
		    	 <div class="pagetop">
		    	 	  <div class="pagetop_nav">
		    	 	  	   <a href="#" class="logo1"></a><a href="#" class="logo2"></a> 	 	  	   
		    	 	  	   <div class="fr">
                           <a href="http://club.yeecloud.com/portal.php" class="tporlink">译云社区</a>
                           <span class="line"></span>
		    	 	  	   	    
		    	 	  	   	    <a href="http://www.yeekit.com/service.html?SERVERID=810049&language=zh" class="topbtn" style=" margin-right:13px;">注册</a>
                                <a href="http://www.yeekit.com/service.html?SERVERID=810050" class="topbtn">登陆</a>
                                
		    	 	  	   	    
		    	 	  	   </div>	
		    	 	  </div>
		    	</div>
		    	<div class="cb"></div>
		    	<div class="main_navbox">
		    	 	  	   <div class="box1">
		    	 	  	   	    <div>
		    	 	  	   	    	 <a href="#" class="yuanwenyuyan yy1 " >中文（简体）</a><span class="line2"></span>
		    	 	  	   	    	 <a href="#" class="yuanwenyuyan yy2" style=" width:91px;"  >英文</a><span class="line2"></span>
		    	 	  	   	    	 <a href="#" style=" width:96px; color:#43aaff" id="yuanwenlangSelected" class="yuanwenyuyan yy3"  >俄文</a><span class="line2"></span>
                                     <a href="#" class="box1text" id="yuanwen">检测语言<span style="display: none;" id="srcLang" class="srcl" data-lang="en">英语</span><img id="srcTri" src="images/xiajianjiao.png" class="shouqi shouqi1"  /></a>
		    	 	  	   	    </div>
		    	 	  	   	    <div class="morelang" id="yuanwenmore">
		    	 	  	   	    	 <a href="#" id="yuanwenmore_auto" data-lang="auto">自动检测</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_ar" data-lang="ar">阿拉伯语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_de" data-lang="de">德语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_ru" data-lang="ru">俄语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_fr" data-lang="fr">法语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_pt" data-lang="pt">葡萄牙语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_jp" data-lang="jp">日语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_es" data-lang="es">西班牙语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_en" data-lang="en">英语</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_zh_TW" data-lang="zh_TW">中文繁体</a>
		    	 	  	   	    	 <a href="#" id="yuanwenmore_zh" data-lang="zh">中文简体</a>
		    	 	  	   	    </div>
		    	 	  	   </div>
		    	 	  	   <div class="box2"></div>
		    	 	  	   <div class="box1" style="width: 327px;">
		    	 	  	   	    <div>
		    	 	  	   	    	 <a href="#" class="yuanwenyuyan yy4" style="width: 126px;" >中文（简体）</a><span class="line2"></span>
		    	 	  	   	    	 <a href="#" class="yuanwenyuyan yy5" style=" width:91px;"  >英文</a><span class="line2"></span>
		    	 	  	   	    	 <a href="#" class="box1text yy6" id="yiwen" style="color:#43aaff;text-indent:0px;"><span class="tgtl" data-lang="ru	">俄语</span><img id="targetTri" src="images/xiajianjiao.png" class="shouqi shouq2" /></a>
		    	 	  	   	    </div>
		    	 	  	   	    <div class="morelang" id="yiwenmore">
		    	 	  	   	    	 <a href="#" data-lang="auto">自动检测</a>
		    	 	  	   	    	 <a href="#" data-lang="ar">阿拉伯语</a>
		    	 	  	   	    	 <a href="#" data-lang="de">德语</a>
		    	 	  	   	    	 <a href="#" data-lang="ru">俄语</a>
		    	 	  	   	    	 <a href="#" data-lang="fr">法语</a>
		    	 	  	   	    	 <a href="#" data-lang="pt">葡萄牙语</a>
		    	 	  	   	    	 <a href="#" data-lang="jp">日语</a>
		    	 	  	   	    	 <a href="#" data-lang="es">西班牙语</a>
		    	 	  	   	    	 <a href="#" data-lang="en">英语</a>
		    	 	  	   	    	 <a href="#" data-lang="zh_TW">中文繁体</a>
		    	 	  	   	    	 <a href="#" data-lang="zh">中文简体</a>
		    	 	  	   	    </div>
		    	 	  	   </div>
		    	 	  	   <div class="box3 translate-btn"><a href="#">翻译</a></div>
		    	</div>
		    	<div class="cb"></div>

		    	<div class="fanyibox">
                <div class="fanyi_luru_out">
		    	 	  	   <textarea id="text1" class="fanyi_luru src-text-area"></textarea></div>
		        <div class="fanyi_shuchu_out"><div class="icon_fuzhi"></div><div class="icon_bofang"></div><div class="fanyiWrong">翻译有误？</div>
                 <textarea id="text2" class="fanyi_shuchu target-text-area" readonly></textarea></div>
		    	 	  	   <!--<div class="tool-box"><img src="images/smpic3.png" class="copy_btn"/></div>-->
		    	 	  	   
		    	           <div class="cb"></div>
		    	           <div>
		    		            <div class="fanyi_smbox1" style=" display:none"><span class="f14">输入您需要翻译的文本 或</span><a href="#" class="upload">上传文档</a><span class="f12">（我们支持的.doc（X）.TXT 最大文件大小5MB）</span></div>
		    		            <div class="fanyi_smbox2" ><span>若您需要更加精准的翻译，点击跳转到</span><a href="http://test.yeecloud.com/yccustomer/redirect.html?v=page/yccustomer/quick_translation/quickTranslation">&nbsp;人工翻译>>&nbsp;</a></div>
                                <div class="clear"></div>
		    	           </div>
		    	 	  	   
		    	 	  	   <div class="cb"></div> 
		    	 	  	   <!----  div id="box1" class="fanyi_xxbox fl mt_10">
		    	 	  	   		<br/><br/><br/>
		    	 	  	   </div> 
		    	 	  	   <div id="box2" class="fanyi_xxbox fl mt_10" >
		    	 	  	   	    <div class="fanyi_xxtit">短语对齐信息（鼠标悬停）</div>
		    	 	  	   	    <div class="align-wrap"></div>
	                       </div   -->  
		    	</div>
		    	
		    </div>
		    
		    
	    <div class="xic_box1 xic_box">
	    	 <div class="xi_line">
	    	 	  	<div class="cb"></div>
	    	 	   <div class="section2link fl">
	    	 	   	    <div class="block fl">
	    	 	   	    	 <a href="http://web.yeekit.com/addin/%E8%AF%91%E5%BA%93%E7%BD%91%E9%A1%B5%E7%BF%BB%E8%AF%91chrome%E7%89%88.zip" style=" display:block; width:180px; height:207px;"><img src="images/linkpic1.png" class="linkpic1" /></a>
	    	 	   	    	 <a href="http://web.yeekit.com/addin/%E8%AF%91%E5%BA%93%E7%BD%91%E9%A1%B5%E7%BF%BB%E8%AF%911.0.safariextz" style=" display:block; "><img src="images/linkpic2.png" class="linkpic2"  /></a>
	    	 	   	    </div>
	    	 	   	    <div class="block fl">
	    	 	   	    	 <a href="http://web.yeekit.com/addin/%E8%AF%91%E5%BA%93%E7%BD%91%E9%A1%B5%E7%BF%BB%E8%AF%91%E6%90%9C%E7%8B%97%E7%89%88.zip" style=" display:block;height:152px;"><img src="images/linkpic3.png"  class="linkpic3"  /></a>
	    	 	   	    	 <a href="http://web.yeekit.com/addin/%E8%AF%91%E5%BA%93%E7%BD%91%E9%A1%B5%E7%BF%BB%E8%AF%91%E6%AC%A7%E6%9C%8B%E7%89%88.zip"style=" display:block;height:114px;"><img src="images/linkpic4.png"  class="linkpic4"  /></a>
	    	 	   	    	 <a href="http://web.yeekit.com/addin/%E8%AF%91%E5%BA%93%E7%BD%91%E9%A1%B5%E7%BF%BB%E8%AF%91chrome%E7%89%88.zip"><img src="images/linkpic5.png" class="linkpic5"  /></a><br />
	    	 	   	    </div>
	    	 	   </div>
	    	 	   <div class="section2video fr">
                        <iframe frameborder="0" width="566" height="386" src="http://v.qq.com/iframe/player.html?vid=j01541cim6r&tiny=0&auto=0" allowfullscreen></iframe>
                   </div>                  
	    	 </div>
	    </div>
	    
	    <div class="xic_box" style=" float: left; background: #3eb3e3; width: 100%; height: 820px;">
	    	 <div class="xi_line">
                  <div class="section3left">
                  	   <div class="shouji">
                  	   	    <img src="images/shouji.gif" style=" margin-left: 167px; margin-top: 123px; " />
                  	   	    <img src="images/sjkuang.png" style="position: absolute; margin-left: -48px; margin-top: 380px; " />
                  	   </div>
                  </div>
                  <div class="section3right">
                  	   	  <div class="block fl mt_25"><img src="images/erweima.png" /></div>
                  	   	  <div class="block fl mt_25" style="width: 280px;" >
                  	   	  	   <a href="http://android.myapp.com/myapp/detail.htm?apkName=cn.com.gtcom.ydt" class="app_android"><!--<img src="images/app_android.png" class="app_android" />--></a>
                  	   	       <a href="https://itunes.apple.com/us/app/zhao-fan-yi-findyee/id1017302386?mt=8" class="app_iphone"><!--<img src="images/app_iphone.png" class="app_iphone" />--></a>
                  	   	  </div>
                  	   </p>
                  </div>

<script type="text/javascript">
$(document).ready(function(){
	
/*  $(".app_android").mouseover(function(){
    $(".app_android").attr("src","images/app_androids.png");
  });
  $(".app_android").mouseout(function(){
    $(".app_android").attr("src","images/app_android.png");
  });
  
  $(".app_iphone").mouseover(function(){
    $(".app_iphone").attr("src","images/app_iphones.png");
  });
  $(".app_iphone").mouseout(function(){
    $(".app_iphone").attr("src","images/app_iphone.png");
  });*/
  
});
</script>

<script type="text/javascript">
$(document).ready(function(){
	  var $srcl = $("#yuanwen .srcl"),
      $tgtl = $("#yiwen .tgtl");
  $(".yy1").click(function(){
     $(".yy1").css("color","#43aaff");
     $(".yy2").css("color","#222222");
     $(".yy3").css("color","#222222");
           $srcl.attr("data-lang","zh");
  });
  $(".yy2").click(function(){
     $(".yy2").css("color","#43aaff");
     $(".yy1").css("color","#222222");
     $(".yy3").css("color","#222222");
        $srcl.attr("data-lang","en");
  });
  $(".yy3").click(function(){
     $(".yy3").css("color","#43aaff");
     $(".yy2").css("color","#222222");
     $(".yy1").css("color","#222222");
        $srcl.attr("data-lang","ru");
  });
  
  $(".yy4").click(function(){
     $(".yy4").css("color","#43aaff");
     $(".yy5").css("color","#222222");
     $(".yy6").css("color","#222222");
        $tgtl.attr("data-lang","zh");
  });
  $(".yy5").click(function(){
     $(".yy5").css("color","#43aaff");
     $(".yy4").css("color","#222222");
     $(".yy6").css("color","#222222");
        $tgtl.attr("data-lang","en");
  });
  $(".yy6").click(function(){
     $(".yy6").css("color","#43aaff");
     $(".yy4").css("color","#222222");
     $(".yy5").css("color","#222222");
        $tgtl.attr("data-lang","ru");
  });
  
  $(".shouqi1").click(function(){
     $(".yy1").css("color","#222222");
     $(".yy2").css("color","#222222");
     $(".yy3").css("color","#43aaff");
  });
  $(".shouqi2").click(function(){
     $(".yy4").css("color","#222222");
     $(".yy5").css("color","#222222");
     $(".yy6").css("color","#43aaff");
  });
  
});
</script>
             

	    	 </div>	
	    </div>
	    
        <div class="cb"></div>
        <div class="footer mt_20" style="position: static; ">
        	 中译语通科技（北京）有限公司  版权所有<br />Copyright © 2014 www.yeecloud.com All rights reserved. 京ICP备13002826号-7
        </div>
	    	 
	    
	</div>
	

		<script src="js/jquery.min.js"></script>
	    <script src="js/jquery.pagepiling.js"></script>
	    <script src="js/jquery.zclip.min.js"></script>
	    <script src="js/translate.js"></script>

<script type="text/javascript">
var text1 = 'Hello, dear friends! Welcome to our translation tool!';
var text2 = '您好，亲爱的朋友！欢迎使用我们的翻译工具！';
var counter = 0;
$(function(){
	$('#text1').val(text1);
	$('#text2').val(text2);
	
	//netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
	//console.log(window.XMLHttpRequest);
	
	$('#text1').bind('click', function(){
		if(counter == 0 || $('#text1').val().trim == ''){
			$('#text1').val('');
			$('#text2').val('');
			$('#box1').show();
			$('#box2').hide();
		}
		counter++;
	});
	
	$('#box1').show();
	$('#box2').hide();
	
	$('#text1').bind('keydown', function(){
		if($('#text1').val().trim != ''){
			$('#box1').hide();
			$('#box2').show();			
		}
	});
	
	$(".linkpic1").mouseover(function(){
	    $(".linkpic1").attr("src","images/linkpic1s.png");
	});
	$(".linkpic1").mouseout(function(){
	    $(".linkpic1").attr("src","images/linkpic1.png");
	});

	$(".linkpic2").mouseover(function(){
	    $(".linkpic2").attr("src","images/linkpic2s.png");
	});
	$(".linkpic2").mouseout(function(){
	    $(".linkpic2").attr("src","images/linkpic2.png");
	});

	$(".linkpic3").mouseover(function(){
	    $(".linkpic3").attr("src","images/linkpic3s.png");
	});
	$(".linkpic3").mouseout(function(){
	    $(".linkpic3").attr("src","images/linkpic3.png");
	});

	$(".linkpic4").mouseover(function(){
	    $(".linkpic4").attr("src","images/linkpic4s.png");
	});
	$(".linkpic4").mouseout(function(){
	    $(".linkpic4").attr("src","images/linkpic4.png");
	});
	
	$(".linkpic5").mouseover(function(){
	    $(".linkpic5").attr("src","images/linkpic5s.png");
	});
	$(".linkpic5").mouseout(function(){
	    $(".linkpic5").attr("src","images/linkpic5.png");
	});
});
</script>	    
    </body>
</html>